<template>
  <div id="app">
        <!-- 头部 -->
	<div id="head_top">	
        <div id="head_center">
            <div id="head_left">
                <img src="https://yanxuan.nosdn.127.net/d132c2561f18f1149d566a60d05fd9b7.gif" width="20px" height="20px">
                <a href="#">关于防止近期不法分子冒充客服实施诈骗的公告</a>
            </div>
            <div id="head_right">
                <ul>
                    <li>登录/注册</li>
                    <li>我的订单</li>
                    <li>会员</li>
                    <li>甄选家</li>
                    <li id="head_li_CG">
                        <span>企业采购<i></i></span>
                        <div id="head_li_CG_hover" style="z-index: 999;">
                            <div>企业购</div>
                            <div>礼物卡</div>
                            <div class="last_li">练习我们</div>
                        </div>
                    </li>
                    <li id="head_li_FW">
                        <span>客户服务</span>
                        <div id="head_li_FW_hover" style="z-index: 999;"> 
                            <div>在线客服</div>
                            <div>帮助中心</div>
                            <div>商务合作</div>
                            <div class="last_li">开放平台</div>
                        </div>
                    </li>
                    <li>App</li>
                </ul>
            </div>
        </div>
    </div>
	
	
	<div id="head_button">
		<div class="head_button_null"></div>
		
		<div id="head_botton_main">
			<div id="head_logo"></div>
			
			<div id="head_select">
				<div class="select_input">
				    <div></div>
				    <input placeholder="双11大家都在买" style="outline: none;">
				</div>
				<button id="select_button">搜索</button>
				
				<div class="select_li">拖鞋</div>
				<div class="select_li">茶</div>
				<div class="select_li">口罩</div>
				<div class="select_li">男装</div>
				<div class="select_li">洗衣液</div>
				<div class="select_li">行李箱</div>
				<div class="select_li">牙刷</div>
				
			</div>
			
			<div id="head_shoppingcar">
				<div></div>
				<span>购物车</span>
				<p>0</p>
			</div>
		</div>
		
		<div class="head_button_null"></div>
		
		<div id="head_button_ui">
			<div class="head_button_li" id="head_button_li_left"><p>首页</p></div>
			<div class="head_button_li"><p>居家生活</p></div>
			<div class="head_button_li"><p>服饰鞋包</p></div>
			<div class="head_button_li"><p>美食酒水</p></div>
			<div class="head_button_li"><p>个护清洁</p></div>
			<div class="head_button_li"><p>母婴亲子</p></div>
			<div class="head_button_li"><p>运动旅行</p></div>
			<div class="head_button_li"><p>数码家电</p></div>
			<div class="head_button_li"><p>严选全球</p></div>
			<div class="head_button_li"><p>为你严选</p></div>
			<div class="head_button_li"  id="head_button_li_right"><p>众筹</p></div>
		</div>
	</div>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		<br><br><br><br><br><br><br><br><br>
		<button @click="tick1()">通过gdid查询评论</button>
		<button @click="tick2()">通过id删除评论</button>
		<button @click="tick3()">添加评论</button>
		<button @click="tick4()">获取前8条</button>
		<button @click="tick5()">通过一级分类id获取前4条</button>
		<button @click="tick6()">名称搜索商品</button><br>
		<button @click="tick7()">通过一级分类分页查询（12条）</button>
		<button @click="tick8()">通过二级分类分页查询（12条）</button>
		<button @click="tick9()">通过二级分类分页查询（12条）</button>
		<button @click="tick10()">获取购买量前7条的商品 </button>
		<button @click="tick11()">分页查询购买量逆序排序商品</button>
		<button @click="tick12()">获取四级id分类列表</button>
		<br><br><br><br><br><br><br><br><br>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		<!-- 客服服务 -->
		<div class="KeFu_back">
		    <div class="KeFu_back_main">
		        <div class="KeFu_back_div" id="KeFu_back_left">
		            <h4>客户服务</h4>
		            <div id="KeFu_back_left_icons">
		                <div class="KeFu_back_left_icon"  id="icon_left">
		                    <div id="left_icon">
		                        <div class="MyIcons" id="MyIcons_left"></div>
		                        <p>在线客服</p>
		                    </div>
		                </div>
		                <div class="KeFu_back_left_icon" id="icon_right">
		                    <div id="left_icon">
		                        <div class="MyIcons" id="MyIcons_right"></div>
		                        <p>用户反馈</p>
		                    </div>
		                </div>
		            </div>
		        </div>
		
		        <div class="KeFu_back_div" id="KeFu_back_center">
		            <div id="KeFu_back_text_area">
		                <h4>何为网易严选</h4>
		                <p>网易严选是深受新中产喜爱的生活方式品牌, 为消费者提供一站式、全品类、全方位的美好生活解决方案。我们通过简约、实用、舒适的美学设计, 不断带来高品质灵感好物, 陪伴3000万新中产用户「活出自己喜欢的样子」, 共同倡导多元化的生活价值主张——每个人都可以把生活的选择权交还给自己。</p>
		                <div id="AboutUs"> 
		                    <span>关注我们：</span>
		                    <img src="http://localhost:8088/shop/image/IndexImg/weibo.png">
		                    <img src="http://localhost:8088/shop/image/IndexImg/weixin.png">
		                    <img src="http://localhost:8088/shop/image/IndexImg/douyin.png">
		                </div>
		            </div>
		        </div>
		
		        <div class="KeFu_back_div" id="KeFu_back_right">
		            <h4>扫码下载严选APP</h4>
		            <img src="http://localhost:8088/shop/image/IndexImg/code.png">
		            <p>下载领大额新人红包</p>
		        </div>
		        
		    </div>
		
		</div>
		
		<!-- 底部标签 -->
		<div id="Bottom_back">
		    <!-- 头部 -->
		    <div id="Buttom_back_head">
		        <div class="Buttom_back_head_div" id="Buttom_back_head_div1">
		            <div class="Buttom_head_img" id="Buttom_head_img1"></div>
		            <p>网易自营电商</p>
		        </div>
		
		        <div class="Buttom_back_head_div" id="Buttom_back_head_div2">
		            <div class="Buttom_head_img" id="Buttom_head_img2"></div>
		            <p>30天无忧退换货</p>
		        </div>
		
		        <div class="Buttom_back_head_div" id="Buttom_back_head_div3">
		            <div class="Buttom_head_img" id="Buttom_head_img3"></div>
		            <p>满99元免邮费</p>
		        </div>
		
		        <div class="Buttom_back_head_div" id="Buttom_back_head_div4">
		            <div class="Buttom_head_img" id="Buttom_head_img4"></div>
		            <p>品质保证</p>
		        </div>
		    </div>
		    <!-- 底部1 -->
		    <div id="Buttom_back_buttom">
		        <div class="Buttom_back_div">
		            <ul>
		                <li class="buttom_li" id="li_left1">关于我们</li>
		                <li class="buttom_li">帮助中心</li>
		                <li class="buttom_li"> 售后服务</li>
		                <li class="buttom_li">配送与验收</li>
		                <li class="buttom_li">商务合作</li>
		                <li class="buttom_li">企业采购</li>
		                <li class="buttom_li">开放平台</li>
		                <li class="buttom_li">搜索推荐</li>
		                <li class="buttom_li">友情链接</li>
		                <li class="buttom_li" id="li_right">廉正举报</li>
		            </ul>
		        </div>
		        <div class="Buttom_back_div">
		            <ul>
		                <li class="buttom_li" id="li_left2">食品经营许可证：JY13301080111719</li>
		                <li class="buttom_li">出版物经营许可证：新出发滨字第0132号</li>
		                <li class="buttom_li"> 妙得ICP证号：ICP 证浙B2-20160106</li>
		                <li class="buttom_li">浙杭食药监械经营备20171029号</li>
		                <li class="buttom_li" id="li_right1">营业执照</li>
		            </ul>
		        </div>
		        <div class="Buttom_back_div">
		            <ul>
		                <li class="buttom_li" id="li_left3">无线电发射设备销售备案：42202011096855</li>
		                <li class="buttom_li">（浙杭）网械企备字[2019]第00119号</li>
		                <li class="buttom_li"> （粤）网械平台备字（2019）第00004号</li>
		                <li class="buttom_li">（粤）-非经营性-2016-0023</li>
		                <li class="buttom_li" id="li_right1">进口冷链食品管理承诺书</li>
		            </ul>
		        </div>
		        <div class="Buttom_back_div">
		            <ul>
		                <li class="buttom_li" id="li_left4">食品经营许可证：JY14207050007694</li>
		                <li class="buttom_li">浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</li>
		                <li class="buttom_li" id="li_right1"> 
		                    <p>单用途商业预付卡备案证：330100AAC0024 </p>
		                    <img src="http://localhost:8088/shop/image/IndexImg/worning.gif" width="18px" height="18px" style="line-height: 18px;">
		                </li>
		
		            </ul>
		        </div>
		        <div class="Buttom_back_div" id="Buttom_back_div5">
		            <ul>
		                <li class="buttom_li" id="li_left5">出版物网络交易平台服务经营备案：新出发浙备字第2021006号</li>
		            </ul>
		        </div>
		
		        
		    </div>
		
		</div>
		
		
		
		
		
		
		
		
		
		
		
		
  </div>
  
</template>
<style>
@import url("css/index.css");

</style>
<script>
	//设置全局url地址
	export default{
		methods:{
			tick1(){
				this.$http.get("/api/comment/getCommentByGDID?gd_id=1")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			},
			tick2(){
				this.$http.get("/api/comment/deleteCommentById?c_id=13")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			},
			tick3(){
				this.$http.get("/api/show/getGDsBySecondType_12?secondType=1&pageSize=3&pageNum=1")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			},
			tick4(){
				this.$http.get("/api/show/getTop8")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			},
			tick5(){
				this.$http.get("/api/show/getGDsByFirstType_4?typeId=1")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			},
			tick6(){
				this.$http.get("/api/show/queryGDByName?GDName=手机&pageSize=12&pageNum=1")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			},
			tick7(){
				this.$http.get("/api/show/getGDsByFirstType_12?firstType=1&pageSize=3&pageNum=1")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			},
			tick8(){
				this.$http.get("/api/show/getGDsBySecondType_12?secondType=1&pageSize=3&pageNum=1")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			},
			tick9(){
				this.$http.get("/api/show/getGDByBuyNum_7")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			},
			tick10(){
				this.$http.get("/api/show/getGDByBuyNum_12?pageSize=3&pageNum=1")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			},
			tick11(){
				this.$http.get("/api/show/getGDSFourType?gd_id=1")
				.then(res=>{
				    console.log(res);
				},err=>{
				    console.log(err);
				})
				   
			}   
			
			
		}
	}
</script>